<template>
  <div>
  <div class="lh-other ones">
    <div class="container">
      <ul class="lh-system-item clearfix lh-flex" id="jjhData" style="margin-top:0;;">

        <li>
          <router-link to="/goods1">
            <div class="img"><img src="@/assets/project/丹参酮胶囊.png"></div>
            <h2>丹参酮胶囊</h2>
          </router-link>
        </li>
        <li>
          <router-link to="/goods2">
            <div class="img"><img src="@/assets/project/健儿清解液.png"></div>
            <h2>健儿清解液</h2>
          </router-link>
        </li>
        <li>
          <router-link to="/goods3">
            <div class="img"><img src="@/assets/project/全天麻胶囊.png"></div>
            <h2>全天麻胶囊</h2>
          </router-link>
        </li>
        <li>
          <router-link to="/goods4">
            <div class="img"><img src="@/assets/project/强力枇杷露.png"></div>
            <h2>强力枇杷露</h2>
          </router-link>
        </li>
        <li>
          <router-link to="/goods5">
            <div class="img"><img src="@/assets/project/红药气雾剂.png"></div>
            <h2>红药气雾剂</h2>
          </router-link>
        </li>
        <li>
          <router-link to="/goods6">
            <div class="img"><img src="@/assets/project/舒肤止痒酊.png"></div>
            <h2>舒肤止痒酊</h2>
          </router-link>
        </li>

      </ul>

      <div class="pagebar">
        <div class="pagination">
          <a class="page-item page-link st" href="javascript:;" title="上一页">
            &lt;&lt; </a>
          <a href="./ypzx/" class="page-num page-num-current">1</a>
          <a class="page-item page-link" href="javascript:;" title="当前页/总页数">1/1</a>
          <a class="page-item page-link st" href="javascript:;" title="下一页">&gt;&gt;</a>
        </div>
      </div>

    </div>
  </div>
  </div>
</template>

<script>
import "@/assets/fonts/iconfont.css";
import "@/assets/styles/animate.min.css";
import "@/assets/styles/lhcommon.css";

export default {
  data() {
    return {};
  },
  created() {
    testGet()
      .then((res) => {
        console.log(res);
      })
      .catch((err) => {
        console.log(err);
      });
  },
};
</script>


<style >
.shaixuan {
  background: #F4F4F8;
  padding-top: 30px;
}

.shaixuan .container {
  max-width: 1240px;
}

.shaixuan .container a {
  display: inline-block;
  width: 100px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 30px;
  color: #fff;
  background: #aaa;
  margin-left: 10px;
}

.shaixuan .container a:first-child {
  margin-left: 0px;
}

.lh-other.ones {
  padding: 0 0 13vh;
}

.shaixuan a.on {
  background: #00A3EB
}
</style>
